<!DOCTYPE html>
<!--[if lt IE 7 ]>
<html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>
<html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>
<html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]>
<html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 10)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<!-- Mirrored from edena-creative-multipurpose-bootstrap-theme.little-neko.com/files/blog-home-sidebar-right-small.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 25 Aug 2015 04:30:17 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/><!-- /Added by HTTrack -->
<head>

    <!-- Basic Page Needs ================================================== -->
    <meta charset="utf-8">
    <title>AntBlog 我的文档</title>
    <meta name="description" content="neko-description">
    <meta name="author" content="Little NEKO">
    <!-- Mobile Specific Metas ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- CSS ================================================== -->
    <!-- web font  -->
    <!--    <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css'>-->
    <!-- Neko framework  -->
    <link type="text/css" rel="stylesheet" href="css/docs/custom-icons.css">
    <link type="text/css" rel="stylesheet" href="css/ant/page.css">
    <link type="text/css" rel="stylesheet" href="css/docs/neko-framework/external-plugins/external-plugins.min.css">
    <link type="text/css" rel="stylesheet" href="css/docs/neko-framework/css/layout/neko-framework-layout.css">
    <link type="text/css" rel="stylesheet" id="color" href="css/docs/neko-framework/css/color/neko-framework-color.css">
    <link type="text/css" rel="stylesheet" href="css/common-style.css">

    <script src="css/docs/neko-framework/external-plugins/modernizr/modernizr.custom.js"></script>
    <style>
        .header_container {
            margin-left: 0;
            margin-right: 0;
            width: 100%;
        }

        .readme {
            float: right;
        }

        .container a {
            cursor: pointer;
        }

        .tag-cloud .w2 {
            margin-left: 1em;
        }
    </style>
</head>
<body class="activate-appear-animation header-7">

<div class="headerPage"></div>
<div id="global-wrapper">
    <main id="content">
        <header class="page-header">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h1>DOCS
                            <small>this is my docs</small>
                        </h1>
                    </div>
                </div>
            </div>

        </header>
        <section class="pt pb-medium">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <article class="post box light-color mb" v-for="item in docList">
                            <div class="row">
                                <div class="post-pic col-sm-4 col-md-4 mb-xs">
                                    <a href="blog-post.html"><img src="static/images/logo-footer.png" alt=""
                                                                  class="responsive"/></a>
                                </div>
                                <div class="col-sm-8 col-md-8">

                                    <h2>{{item.typeName}}</h2>
                                    <ul class="entry-meta">
                                        <li class="entry-date">
                                            <a href="#">{{item.updateDate}}</a>
                                        </li>
                                        <li class="entry-category">
                                            <a data-original-title="View all posts in Featured" class="tips" href="#"
                                               title="">{{item.typeClassify}}</a>
                                        </li>
                                        <li class="entry-author">
                                            <a data-original-title="View all posts by admin" class="tips" href="#"
                                               title="">{{item.updateUser}}</a>
                                        </li>
                                        <li class="entry-comments">
                                            <i class="icon-comment"></i>No Comments
                                        </li>
                                    </ul>
                                    <p>{{item.typeDesc}}</p>
                                    <a @click="forward(item.typeCode)" class="btn small border readme">查看详情</a>
                                </div>
                            </div>

                        </article>

                        <div style="text-align: center;margin:75px auto;">
                            <div id="pager" class="pager clearfix">
                            </div>
                        </div>

                    </div>
                    <!-- Sidebar -->
                    <aside class="col-md-4">
                        <section class="widget">
                            <h1><span>My Docs</span>文档类型集合</h1>
                            <p>保存自己工作生活中积累的知识书文档 , 用于记录和分享.</p>
                        </section>

                        <section class="widget">
                            <h3>Popular</h3>
                            <nav class="sidebar-menu">
                                <ul>
                                    <li v-for="item in popularList"><a @click.prevent="forward(item.typeCode)">{{item.typeCode}}</a>
                                    </li>
                                </ul>
                            </nav>
                        </section>
                        <section class="tag-cloud">
                            <h3>Category</h3>
                            <a @click="forward(item.typeCode)" class="w2"
                               v-for="item in categoryList">{{item.typeCode}}</a>
                        </section>
                    </aside>
                </div><!-- row -->
            </div><!-- container -->
        </section>
    </main>
    <!-- content -->

</div>


<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="js/jquery-ui-1.11.0.js"></script>
<script src="js/ant/ant-utils.js"></script>
<script src="js/initCommon.js"></script>
<script src="js/ant/jquery.z-pager.js" type="text/javascript" charset="utf-8"></script>
<script src="js/axios.min.js"></script>
<script src="js/restApi.js"></script>


<script src='vue/vue.min.js'></script>

<script>
    // 点击后的编号 , 以 1 开始
    function currentPage(currentPage) {
        if (app.currentPage != null && currentPage != app.currentPage) {
            app.$options.methods.get(currentPage, app);
        }
    }

    var app = new Vue({
        el: "#content",
        data: {
            docList: {},
            categoryList: {},
            popularList: {},
            currentPage: 1
        },
        computed: {},
        methods: {
            forward: function (type) {
                var search = isnull(antUtils.cacheGet('view')) ? {} : antUtils.cacheGet('view');
                search.key = type != search.type ? 0 : search.key;
                search.type = type;
                antUtils.cacheSet('view', search);
                window.location.href = "blog-view.html" + restUtuls.setQueryString({type: type});
            },
            get: function (page, app) {
                var $self = app != null ? app : this;
                $self.currentPage = page;
                restApi.getCollectionList(page, function (data) {
                    console.log(data);
                    const totalData = data.data;
                    $("#pager").zPager({
                        current: $self.currentPage,
                        pageData: 3,
                        totalData: totalData.total,
                        htmlBox: $('#wraper'),
                        btnShow: true,
                        ajaxSetData: false
                    });

                    $self.docList = totalData.records;
                    $self.popularList = data.info.tag.popularCollection;
                    $self.categoryList = data.info.tag.type;
                });


            }
        },
        watch: {},
        mounted() {
            antInit.init("header_docs");
            console.log(antUtils);
            this.get(this.currentPage);
        },
        directives: {},
        components: {},
        filters: {}
    });

</script>
</body>

<!-- Mirrored from edena-creative-multipurpose-bootstrap-theme.little-neko.com/files/blog-home-sidebar-right-small.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 25 Aug 2015 04:30:17 GMT -->
</html>
